/*每个页面公共css */
image,
video {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

image {
	will-change: transform;
}

input,
textarea {
	outline: 0;
	flex: 1;
}

input {
	height: 100%;
}

label {
	display: block;
}

/* 自定义 */
/* 内容溢出 */
.oh {
	overflow: hidden;
}

/* 盒子状态 */
.dn {
	display: none;
}

/* 行内弹 */
.dif {
	display: inline-flex;
}

/* 弹性盒模型 */
.display {
	display: flex;
}

.content_saround {
	justify-content: space-around;
}

.content_sbetween{
	justify-content: space-between;
}

.content_center {
	justify-content: center;
}

.content_start {
	justify-content: flex-start;
}

.content_end {
	justify-content: flex-end;
}

.item_center {
	align-items: center;
}

.item_baseline{
	align-items: baseline;
}

// 底部对齐
.item_end {
	align-items: flex-end;
}
.item_start  {
	align-items: flex-start;
}

.fdc {
	flex-direction: column;
}
.fdr {
	flex-direction: row;
}


.fww {
	flex-wrap: wrap;
}

.f1 {
	flex: 1;
}

/* 定位 */
.pf {
	position: fixed;
}

.position_re {
	position_: relative;
}

.position_ab {
	position: absolute;
}

.t0 {
	top: 0;
}

.l0 {
	left: 0;
}

.r0 {
	right: 0;
}

.b0 {
	bottom: 0;
}
// 去色
.fg100p {
	filter: grayscale(100%);
}

/* 外边距 */
.mauto {
	margin: 0 auto;
}
.m0{
	margin: 0;
}
.m30{
	margin: 30rpx;
}
.mb5 {
	margin-bottom: 5rpx;
}
.op0{
	opacity: 0;
}
/* 上 */
.mt5 {
	margin-top: 5rpx;
}

.mt10 {
	margin-top: 10rpx;
}

.mt10p {
	margin-top: 10vh;
}

.mt15 {
	margin-top: 15rpx;
}

.mt20 {
	margin-top: 20rpx;
}

.mt20p {
	margin-top: 20vh;
}

.mt25 {
	margin-top: 25rpx;
}

.mt30 {
	margin-top: 30rpx;
}

.mt35 {
	margin-top: 35rpx;
}

.mt40 {
	margin-top: 40rpx;
}

.mt50 {
	margin-top: 50rpx;
}

.mt60 {
	margin-top: 60rpx;
}

.mt70 {
	margin-top: 70rpx;
}

.mt80 {
	margin-top: 80rpx;
}

.mt90 {
	margin-top: 90rpx;
}

.mt100 {
	margin-top: 100rpx;
}

.mt130 {
	margin-top: 130rpx;
}

.mt150 {
	margin-top: 150rpx;
}

/* 左 */
.ml5 {
	margin-left: 5rpx;
}

.ml10 {
	margin-left: 10rpx;
}

.ml15 {
	margin-left: 15rpx;
}

.ml20 {
	margin-left: 20rpx;
}

.ml25 {
	margin-left: 25rpx;
}

.ml30 {
	margin-left: 30rpx;
}

.ml35 {
	margin-left: 35rpx;
}

.ml40 {
	margin-left: 40rpx;
}
.ml45 {
	margin-left: 45rpx;
}
.ml50 {
	margin-left: 50rpx;
}
.ml60 {
	margin-left: 60rpx;
}
/* 右 */
.mr5 {
	margin-right: 5rpx;
}

.mr10 {
	margin-right: 10rpx;
}

.mr15 {
	margin-right: 15rpx;
}

.mr20 {
	margin-right: 20rpx;
}

.mr25 {
	margin-right: 25rpx;
}

.mr30 {
	margin-right: 30rpx;
}

.mr35 {
	margin-right: 35rpx;
}

.mr40 {
	margin-right: 40rpx;
}

/* 下 */
.mb10 {
	margin-bottom: 10rpx;
}

.mb15 {
	margin-bottom: 15rpx;
}

.mb20 {
	margin-bottom: 20rpx;
}

.mb25 {
	margin-bottom: 25rpx;
}

.mb30 {
	margin-bottom: 30rpx;
}

.mb40 {
	margin-bottom: 40rpx;
}

.mb50 {
	margin-bottom: 50rpx;
}

.mb60 {
	margin-bottom: 60rpx;
}

.mb70 {
	margin-bottom: 70rpx;
}

.mb80 {
	margin-bottom: 80rpx;
}

.mb100 {
	margin-bottom: 100rpx;
}

.mb120 {
	margin-bottom: 120rpx;
}

.mb140 {
	margin-bottom: 140rpx;
}

.mb180 {
	margin-bottom: 180rpx;
}

/* 上下 */
.mtb5 {
	margin-top: 5rpx;
	margin-bottom: 5rpx;
}

.mtb10 {
	margin-top: 10rpx;
	margin-bottom: 10rpx;
}

.mtb15 {
	margin-top: 15rpx;
	margin-bottom: 15rpx;
}

.mtb20 {
	margin-top: 20rpx;
	margin-bottom: 20rpx;
}

.mtb25 {
	margin-top: 25rpx;
	margin-bottom: 25rpx;
}

.mtb30 {
	margin-top: 30rpx;
	margin-bottom: 30rpx;
}

.mtb35 {
	margin-top: 35rpx;
	margin-bottom: 35rpx;
}

.mtb40 {
	margin-top: 40rpx;
	margin-bottom: 40rpx;
}

.mtb50 {
	margin-top: 50rpx;
	margin-bottom: 50rpx;
}

/* 左右 */
.mlr5 {
	margin-left: 5rpx;
	margin-right: 5rpx;
}

.mlr10 {
	margin-left: 10rpx;
	margin-right: 10rpx;
}

.mlr15 {
	margin-left: 15rpx;
	margin-right: 15rpx;
}

.mlr20 {
	margin-left: 20rpx;
	margin-right: 20rpx;
}

.mlr25 {
	margin-left: 25rpx;
	margin-right: 25rpx;
}

.mlr30 {
	margin-left: 30rpx;
	margin-right: 30rpx;
}

.mlr35 {
	margin-left: 35rpx;
	margin-right: 35rpx;
}

.mlr40 {
	margin-left: 40rpx;
	margin-right: 40rpx;
}

.mlr45 {
	margin-left: 45rpx;
	margin-right: 45rpx;
}

.mlr50 {
	margin-left: 50rpx;
	margin-right: 50rpx;
}

.mlr60 {
	margin-left: 60rpx;
	margin-right: 60rpx;
}

.mlr70 {
	margin-left: 70rpx;
	margin-right: 70rpx;
}

.mlr80 {
	margin-left: 80rpx;
	margin-right: 80rpx;
}

/* 内边距 */
.p5 {
	padding: 5rpx;
}
.p25 {
	padding: 25rpx;
}
.p30 {
	padding: 30rpx;
}
.p35 {
	padding: 35rpx;
}
/* 上 */
.pt5 {
	padding-top: 5rpx;
}

.pt10 {
	padding-top: 10rpx;
}

.pt15 {
	padding-top: 15rpx;
}

.pt20 {
	padding-top: 20rpx;
}

.pt25 {
	padding-top: 25rpx;
}

.pt30 {
	padding-top: 30rpx;
}

.pt35 {
	padding-top: 35rpx;
}

.pt40 {
	padding-top: 40rpx;
}

.pt45 {
	padding-top: 45rpx;
}

.pt50 {
	padding-top: 50rpx;
}

.pt60 {
	padding-top: 60rpx;
}

.pt90 {
	padding-top: 90rpx;
}

.pt100 {
	padding-top: 100rpx;
}

.pt150 {
	padding-top: 150rpx;
}


.p10 {
	padding: 10rpx;
}
.p20 {
	padding: 20rpx;
}
/* 左 */
.pl5 {
	padding-left: 5rpx;
}

.pl10 {
	padding-left: 10rpx;
}

.pl15 {
	padding-left: 15rpx;
}

.pl20 {
	padding-left: 20rpx;
}
.pl25 {
	padding-left: 25rpx;
}

.pl30 {
	padding-left: 30rpx;
}

.pl40 {
	padding-left: 40rpx;
}
.pl50 {
	padding-left: 50rpx;
}
.pl90 {
	padding-left: 90rpx;
}

/* 右 */
.pr5 {
	padding-right: 5rpx;
}

.pr10 {
	padding-right: 10rpx;
}

.pr15 {
	padding-right: 15rpx;
}

.pr20 {
	padding-right: 20rpx;
}

.pr25 {
	padding-right: 25rpx;
}
.pr25 {
	padding-right: 25rpx;
}

.pr30 {
	padding-right: 30rpx;
}

/* 下 */
.pb5 {
	padding-bottom: 5rpx;
}
.pb10 {
	padding-bottom: 10rpx;
}
.pb15 {
	padding-bottom: 15rpx;
}
.pb20 {
	padding-bottom: 20rpx;
}

.pb25 {
	padding-bottom: 25rpx;
}

.pb30 {
	padding-bottom: 30rpx;
}
.pb35 {
	padding-bottom: 35rpx;
}

.pb40 {
	padding-bottom: 40rpx;
}

.pb60 {
	padding-bottom: 60rpx;
}
.pb90 {
	padding-bottom: 90rpx;
}

/* 段落样式 */
/* 对齐方式 */
.tac {
	text-align: center;
}

.tal {
	text-align: left;
}

.tar {
	text-align: right;
}

.taj {
	text-align-last: justify;
}

/* 行高 */
.lh45 {
	line-height: 45rpx;
}
.lh50 {
	line-height: 50rpx;
}
.lh55 {
	line-height: 55rpx;
}
.lh60 {
	line-height: 60rpx;
}
.lh70 {
	line-height: 70rpx;
}
.lh80 {
	line-height: 80rpx;
}
.lh90 {
	line-height: 90rpx;
}
.lh95 {
	line-height: 95rpx;
}

.lh99 {
	line-height: 99rpx;
}

.lh100 {
	line-height: 100rpx;
}

.lh110 {
	line-height: 110rpx;
}

.lh120 {
	line-height: 120rpx;
}

.ti {
	text-indent: 60rpx;
}

.ti2 {
	text-indent: 2em;
}

// 贯穿线
.tdl {
	text-decoration: line-through;
}

// 下划线
.tbu {
	text-decoration: underline;
}

/* 单行溢出隐藏显示... */
.thd {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* 多行溢出隐藏显示... */
.t2hd {
	overflow: hidden;
	text-overflow: -o-ellipsis-lastline;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* 控制行数 */
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.t3hd {
	overflow: hidden;
	text-overflow: -o-ellipsis-lastline;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* 控制行数 */
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.t4hd {
	overflow: hidden;
	text-overflow: -o-ellipsis-lastline;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* 控制行数 */
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

/* 元素不换行 */
.wsn {
	white-space: nowrap;
}

/* 文字样式 */
/* 颜色 */
.color-w {
	color: white;
}

.color-666 {
	color: #666;
}

.color-999 {
	color: #999;
}
.color-323232 {
		color: #323232;
}
.color-969696 {
	color: #969696;
}



.ft-bold {
	font-weight: bold;
}
.ft-500{
	font-weight:500;
}
.l {
	font-weight: lighter;
}
.ft-32 {
 font-size: 32rpx;
}
.ft-30 {
	font-size: 30rpx;
}
.ft-28 {
	font-size: 28rpx;
}
.ft-26 {
	font-size: 26rpx;
}
.ft-24 {
	font-size: 24rpx;
}

/* 背景 */
.bw {
	background-color: white;
}

.bd1d {
	border: 1rpx dashed;
}

// 阴影
.shadow {
	box-shadow: 0px 2px 8px rgba(144, 144, 144, 0.2);
}


// 底部填充+200rpx
.bottom_fill {
	padding-bottom: 150rpx;
	padding-bottom: calc(150rpx  + constant(safe-area-inset-bottom));
	padding-bottom: calc(150rpx + env(safe-area-inset-bottom));
}

// 底部填充+50rpx
.pages_bottom_fill {
	padding-bottom: 50rpx;
	// padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom:calc(50rpx  + constant(safe-area-inset-bottom));
	padding-bottom: calc(50rpx + env(safe-area-inset-bottom));
}

// 底部填充
.fill {
	padding-bottom: 0rpx;
	// padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: calc(0rpx + constant(safe-area-inset-bottom));
	padding-bottom: calc(0rpx + env(safe-area-inset-bottom));
	
}

.no_show{
	display: none;
}